<template>
	<div>
		<van-tabs v-model="tab_act" @change="tab_change">
			<van-tab name="Recommend" title="推荐"></van-tab>
			<van-tab name="Rank" title="排行"></van-tab>
			<van-tab name="Search" title="搜索"></van-tab>
		</van-tabs>
		<!-- 用于渲染二级路由内容 -->
		<router-view />
	</div>
</template>

<script>
	export default {
		data(){
			return {
				tab_act: 0,
			};
		},
		methods:{
			tab_change(name){
				// console.log(name,title);
				this.$router.push({
					name:name,
				});
			},
		},
	}
</script>

<style lang="scss" scoped>

</style>
